<ion-header>
  <ion-toolbar mode="ios" color="care">
    <ion-buttons>
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ 'MyMessages' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card *ngFor="let item of messageBox">
    <ion-card-header>
      <ion-card-subtitle>{{item.title}}</ion-card-subtitle>
    </ion-card-header>

    <ion-card-content>
      {{item.content}}
    </ion-card-content>

    <ion-card-content>
      {{item.created_at}}
    </ion-card-content>
  </ion-card>
</ion-content>